<template>
    <div class="fr-ac-jsb header" >
        <div class="fr-ac flex-1">
            <img :src="src" width="50px"/>
            <div class="fs-20 logTitle">高考早知道</div>
            <slot name="headLeft" v-if="headLeft"></slot>
        </div>
        <slot name="headRight" v-if="headRight"></slot>
    </div>
</template>

<script>
import { defineComponent} from "vue";
export default defineComponent({
    props: {
        headLeft: {
            default: false,
            type:Boolean
        },
        headRight: {
            default: false,
            type:Boolean
        },
        src: {
            default: 'https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png',
            type:String
        }
    },
    methods: {},
    setup(props) {
        return {};
    },
});
</script>
<style lang="scss" scoped>
.header{
    padding: 20px 5rem;
}
.logTitle{
    padding-left: 1rem;
    white-space: nowrap;
}
</style>
